Подгрузка блоков при скролинге

[milkman]

Здравствуйте, есть такой вот код вывода статей

//статьи
if (! empty($result["rows"]))
{
	foreach ($result["rows"] as $row)
	{		
		echo '<div class="block">';

		echo '<div class="block-text">';

			//название и ссылка статьи
			echo '<h4><a href="'.BASE_PATH_HREF.$row["link"].'" class="black">'.$row["name"].'</a></h4>';
			//рейтинг статьи
			if (! empty($row["rating"]))
			{
				echo $row["rating"];
			}

		echo '</div>';

		echo '</div>';
	}
}

выводит все статьи на страницу, мне нужно что бы вначале было видно только 10 статей, и когда пользователь доходит до последней статьи, ему показывает ещё 10 и тд.

Помогите, подскажите как это сделать. Гуглил но ничего не понял.

[Coriolan161]

milkman,
СкроллТоп и аякс

[milkman]

а можно подробнее?

[Царь Леонид]

а можно подробнее?

Гуглите infinite scrolling

[Гробовщик]

Царь Леонид,
Не знаю почему мне сразу в голову пришла картинка, где Леонид пинком сбрасывает чувака в яму с криком "This is scrolling!!!!!!")))

[milkman]

Всё немного продвинулось, но не в ту степь. В общем теперь у меня немного другая задача. Я вывел все статьи (допустим 100) на одну страницу, и теперь нужно что бы когда пользователь заходил на эту страницу, у первых 10 статей был display:block; а у остальных display: none;. И когда пользователь доходит до десятой статьи, у следующих 10 статей display меняется на block. Подскажите как это реализовать.

[milkman]

есть тут кто?

[Царь Леонид]

у первых 10 статей был display:block; а у остальных display: none;. И когда пользователь доходит до десятой статьи, у следующих 10 статей display меняется на block. Подскажите как это реализовать.

Мне так-то без разницы, но это называется свистоперделка. Давайте html макет

[Царь Леонид]

Царь Леонид,
Не знаю почему мне сразу в голову пришла картинка, где Леонид пинком сбрасывает чувака в яму с криком "This is scrolling!!!!!!")))

Я в честь этого чувака и взял этот ник. Сначала даже хотел сделать аву, типа this is javascript, но потом впадлу стало

[milkman]

<div id="clauses_list">
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block-row block">статья</div>
	<div class="block paginator">
		<span class="active">1</span>
		<a href="/news/page2/">2</a>
		<a href="/news/page3/">3</a>
		<a href="/news/page4/">4</a>
		<a class="end" href="/news/page4/">»</a>
	</div>
</div>

вот так есть сейчас